
@import "test";

$picPath: "../images/";

@mixin commBack{
  position: absolute;
  left: 0; top: .9rem; bottom: 0; right: 0;
  background-color: #f6f6f6;
  z-index: 2;
}

#main {
  @include commBack;
  top: 0;
  z-index: 9;
}

#home {
  @include commBack;
  top: 0;
  -webkit-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
  z-index: 9;
}

/* 女人体点击 */
@mixin commOn{
  position: absolute;
	left: 3.17rem; top: 2.5rem;
	width: 1.23rem; height: .85rem;
	background: url($picPath+"wm_abdomen.png") no-repeat;
	background-size: 1.23rem .85rem;
	z-index: 2;
}

/* 腹部-男人开始 */
.man-wrap-fb{
  @include commOn;
  left: 3.05rem; top: 2.43rem;
  width: 1.49rem; height: 1.04rem;
  background: url($picPath+"man_zm_fb.png") no-repeat;
  background-size: 1.49rem 1.09rem;
}
/*手臂*/
.man-wrap-sz{
  @include commOn;
  left: 2.3rem; top: 1.5rem;
  width: 2.87rem; height: 2.46rem;
  background: url($picPath+"man_zm_sz.png") no-repeat;
  background-size: 2.87rem 2.46rem;
  z-index: 6;
}
/*腹部*/
.man-wrap-xb{
  @include commOn;
  left: 3rem; top: 1.69rem;
  width: 1.55rem; height: .83rem;
  background: url($picPath+"man_zm_xb.png") no-repeat;
  background-size: 1.55rem .83rem;
  z-index: 6;
}
/*生殖部位*/
.man-wrap-szbw{
  @include commOn;
  left: 2.99rem; top: 3.61rem;
  width: 1.56rem; height: .71rem;
  background: url($picPath+"man_zm_szbw.png") no-repeat;
  background-size: 1.56rem .71rem;
  z-index: 6;
}
/*双手*/
.man-wrap-sb{
  @include commOn;
  left: 2.04rem; top: 3.85rem;
  width: 3.42rem; height: .92rem;
  background: url($picPath+"man_zm_sb.png") no-repeat;
  background-size: 3.42rem .92rem;
}
/*双腿*/
.man-wrap-st{
  @include commOn;
  left: 2.97rem; top: 3.97rem;
  width: 1.62rem; height: 3.41rem;
  background: url($picPath+"man_zm_st.png") no-repeat;
  background-size: 1.63rem 3.41rem;
  z-index: 6;
}
/*双腿*/
.man-wrap-sj{
  @include commOn;
  left: 3.05rem; top: 7.3rem;
  width: 1.49rem; height: .7rem;
  background: url($picPath+"man_zm_sj.png") no-repeat;
  background-size: 1.49rem .7rem;
}

/*头点击放大*/
.man-wrap-on-big-head{
  position: absolute;
  left: 3.2rem; top: 0;
  width: 1.13rem; height: 1.23rem;
}
/*背部*/
.man-wrap-bm-bb{
  @include commOn;
  left: 50%; top: 1.51rem;
  margin-left: -.77rem;
  width: 1.54rem; height: 1.22rem;
  background: url($picPath+"man_bm_bb.png") no-repeat;
  background-size: 1.54rem 1.22rem;
}
/*臀部*/
.man-wrap-bm-tb{
  @include commOn;
  left: 50%; top: 3.49rem;
  margin-left: -.76rem;
  width: 1.52rem; height: .96rem;
  background: url($picPath+"man_bm_tb.png") no-repeat;
  background-size: 1.52rem .96rem;
}
/*腰*/
.man-wrap-bm-yb{
  @include commOn;
  left: 50%; top: 2.74rem;
  margin-left: -.625rem;
  width: 1.25rem; height: .77rem;
  background: url($picPath+"man_bm_yb.png") no-repeat;
  background-size: 1.25rem .77rem;
}

/*男放大头*/
.man-header-all-show{
  @include commBack;
  display: none;
  z-index: 11; top: 0;
  /*头部放大照*/
  .man-header-big{
    position: absolute;
    left: 50%; top: 1.78rem;
    margin-left: -3.625rem;
    width: 7.5rem; height: 7.72rem;
    background: url($picPath + 'man_big_show.png') no-repeat;
    background-size: 7.5rem 7.72rem;
    /*头部*/
    .man-head-big-tb{
      @include commOn;
      left: 2rem; top: 0;
      width: 3.42rem; height: 2.69rem;
      background: url($picPath+"man_big_head_tb.png") no-repeat;
      background-size: 3.42rem 2.69rem;
    }
    /*鼻子*/
    .man-head-big-bz{
      @include commOn;
      left: 3.36rem; top: 2.72rem;
      width: .75rem; height: 1.25rem;
      background: url($picPath+"man_head_big_bz.png") no-repeat;
      background-size: .75rem 1.25rem;
      z-index: 6;
    }
    /*耳朵*/
    .man-head-big-ed{
      @include commOn;
      left: 1.88rem; top: 2.76rem;
      width: 3.69rem; height: 1.22rem;
      background: url($picPath+"man_head_big_ed.png") no-repeat;
      background-size: 3.69rem 1.22rem;
    }
    /*口*/
    .man-head-big-kq{
      @include commOn;
      left: 3.2rem; top: 4.1rem;
      width: 1.12rem; height: .54rem;
      background: url($picPath+"man_head_big_kq.png") no-repeat;
      background-size: 1.12rem .54rem;
      z-index: 6;
    }
    /*眼睛*/
    .man-head-big-yb{
      @include commOn;
      left: 2.52rem; top: 2.65rem;
      width: 2.46rem; height: .58rem;
      background: url($picPath+"man_head_big_yb.png") no-repeat;
      background-size: 2.46rem .58rem;
      z-index: 4;
    }
    /*面部*/
    .man-head-big-mb{
      @include commOn;
      left: 2.4rem; top: 3.1rem;
      width: 2.67rem; height: 2.16rem;
      background: url($picPath+"man_head_big_mb.png") no-repeat;
      background-size: 2.67rem 2.16rem;
      z-index: 3;
    }
  }
  .man-back-body-text{
    position: absolute;
    width: .8rem; height: .8rem;
    top: .6rem; right: .6rem;
    text-align: right;
    color: #fe9d2b; font-size: .24rem;
  }
}


/*腰 - 女人开始*/
.wm-abdomen{
	@include commOn;
  z-index: 5;
}
.woman-body-bm,.man-body-bm{
  display: block;
  position: absolute;
  left: 0; top: 1.5rem; right: 0;
}
.man-body-bm{
  top: 1.6rem;
}
/*胳膊*/
.wm-bear{
	@include commOn;
	left: 3.07rem; top: 1.45rem;
	width: 1.32rem; height: 1.04rem;
	background: url($picPath+"wm_bear.png") no-repeat;
	background-size: 1.32rem 1.04rem;
  z-index: 5;
}
/*手臂*/
.wm-upper{
	@include commOn;
	left: 2.26rem; top: 1.45rem;
	width: 2.98rem; height: 2.27rem;
	background: url($picPath+"wm_upper.png") no-repeat;
	background-size: 2.98rem 2.27rem;
}
/*手*/
.wm-hand{
	@include commOn;
	left: 1.93rem; top: 3.59rem;
	width: 3.64rem; height: .8rem;
	background: url($picPath+"wm_hand.png") no-repeat;
	background-size: 3.64rem .8rem;
}
/*背部*/
.wm-bm-bb{
  @include commOn;
  left: 50%;; top: 1.6rem;
  margin-left: -.61rem;
  width: 1.22rem; height: .93rem;
  background: url($picPath+"wm_bb.png") no-repeat;
  background-size: 1.22rem .93rem;
}
/*臀部*/
.wm-bm-tb{
  @include commOn;
  left: 50%;; top: 3.2rem;
  margin-left: -.81rem;
  width: 1.62rem; height: .91rem;
  background: url($picPath+"wm_tb.png") no-repeat;
  background-size: 1.62rem .91rem;
}
/*腰部*/
.wm-bm-yb{
  @include commOn;
  left: 50%; top: 2.49rem;
  margin-left: -.615rem;
  width: 1.23rem; height: .85rem;
  background: url($picPath+"wm_yb.png") no-repeat;
  background-size: 1.23rem .85rem;
}
/*腿*/
.wm-leg{
	@include commOn;
	left: 3rem; top: 3.8rem;
	width: 1.56rem; height: 3.59rem;
	background: url($picPath+"wm_leg.png") no-repeat;
	background-size: 1.56rem 3.59rem;
}
/*脚*/
.wm-footer{
	@include commOn;
	left: 2.9rem; top: 7.05rem;
	width: 1.78rem; height: .77rem;
	background: url($picPath+"wm_footer.png") no-repeat;
	background-size: 1.78rem .77rem;
}
/*生殖*/
.wm-engender{
	@include commOn;
	left: 3rem; top: 3.25rem;
	width: 1.52rem; height: .79rem;
	background: url($picPath+"wm_engender.png") no-repeat;
	background-size: 1.52rem .79rem;
  z-index: 5;
}
/*点卡头*/
.wm-header-wrap{
	@include commOn;
	top: 0; left: 3.15rem;
	width: 1.2rem; height: 1.2rem;
	background: url("") no-repeat;
}
.wm-header-all-show{
	display: none;
	@include commBack;
	z-index: 9; top: 0;

	.wm-header-big{
		position: absolute;
		left: 50%; top: 1.88rem;
    margin-left: -3.725rem;
		width: 7.5rem; height: 7.72rem;
		background: url($picPath + 'wm_header_big.png') no-repeat;
		background-size: 7.5rem 7.72rem;

		/*鼻部*/
		.wm-head-big-bb{
			@include commOn;
			top: 2.8rem; left: 3.4rem;
	    width: .73rem; height: 1.16rem;
			background: url($picPath + 'wm_head_bb.png') no-repeat;
			background-size: .73rem 1.16rem;
			z-index: 6;
		}
		/*耳朵*/
		.wm-head-big-ed{
			@include commOn;
			top: 2.7rem; left: 2.1rem;
	    width: 3.43rem; height: 1.21rem;
			background: url($picPath + 'wm_head_ed.png') no-repeat;
			background-size: 3.43rem 1.21rem;
      z-index: 2;
		}
		.wm-head-big-ed-1,.wm-head-big-ed-2{
			@include commOn;
			top: 2.7rem; left: 2.1rem;
	    width: .5rem; height: 1.21rem;
			background: url("") no-repeat #f60;
		}
		.wm-head-big-ed-2{
			left: 5.1rem;
		}
		/*头部*/
		.wm-head-big-tb{
			@include commOn;
			top: .1rem; left: 1.9rem;
	    width: 3.84rem; height: 2.51rem;
			background: url($picPath + 'wm_head_tb.png') no-repeat;
			background-size: 3.83rem 2.51rem;
		}
		/*口腔*/
		.wm-head-big-kq{
			@include commOn;
			top: 4.05rem; left: 3.24rem;
	    width: 1.12rem; height: .47rem;
			background: url($picPath + 'wm_head_kq.png') no-repeat;
			background-size: 1.12rem .47rem;
      z-index: 6;
		}
		/*眼部*/
		.wm-head-big-yb{
			@include commOn;
			top: 2.75rem; left: 2.5rem;
	    width: 2.56rem; height: .6rem;
			background: url($picPath + 'wm_head_yb.png') no-repeat;
			background-size: 2.56rem .6rem;
      z-index: 5;
		}
		.wm-head-big-yb-1{
			@include commOn;
			top: 2.75rem; left: 2.7rem;
	    width: .7rem; height: .6rem;
			background: url($picPath + '') no-repeat #f00;
		}
		.wm-head-big-yb-2{
			@include commOn;
			top: 2.75rem; left: 4.2rem;
	    width: .7rem; height: .6rem;
			background: url($picPath + '') no-repeat #f00;
		}
		/*面部*/
		.wm-head-big-mb{
			@include commOn;
			top: 3.26rem; left: 2.51rem;
	    width: 2.59rem; height: 1.69rem;
			background: url($picPath + 'wm_head_mb.png') no-repeat;
			background-size: 2.59rem 1.69rem;
      z-index: 2;
		}
		.wm-head-big-mb-1{
			@include commOn;
			top: 3.4rem; left: 2.65rem;
	    width: .6rem; height: 1.29rem;
			background: url($picPath + '') no-repeat #000;
		}
		.wm-head-big-mb-2{
			@include commOn;
			top: 3.4rem; left: 4.35rem;
	    width: .6rem; height: 1.29rem;
			background: url($picPath + '') no-repeat #000;
		}
		.wm-head-big-mb-3{
			@include commOn;
			top: 4.6rem; left: 3.27rem;
      width: 1.07rem; height: .4rem;
			background: url($picPath + '') no-repeat #000;
		}
		
	}

	.back-body-text{
		position: absolute;
		width: .8rem; height: .8rem;
		top: .6rem; right: .6rem;
		text-align: right;
		color: #fe9d2b; font-size: .24rem;
	}
}


/* 人体 */
.body-wrap-all{
	@include commBack;
   padding: .6rem;

  .manBtn,.womanBtn{
  	position: absolute;
  	left: .6rem; top: .6rem;
  	display: block;
  	width: .8rem; height: .8rem;
  	border: 1px solid #fe9d2b;
  	color: #fe9d2b; font-size: .24rem;
  	text-align: center; line-height: .79rem;
  	border-radius: 100%;
  	z-index: 3;
  }

  .womanBtn{
  	top: 1.6rem;
  }

  a.active-check{
  	color: #fff;
  	background-color: #fe9d2b; 
  }

  .else-symptom{
  	position: absolute;
  	right: .6rem; top: .6rem;
  	font-size: .24rem; color: #fe9d2b;
  	&:before{
  		content: '';
  		display: block;
  		position: absolute;
  		left: -.28rem; top: .05rem;
  		width: .23rem; height: .24rem;
  		background: url($picPath+"pic2-1.png") no-repeat;
  		background-size: .23rem .24rem;
  	}
  }

  .body-wrap-just{
  	position: absolute;
  	left: 50%; top: 1.5rem;
  	width: 7.5rem; height: 7.8rem;
  	background: url($picPath+"woman_just.png") no-repeat;
  	background-size: 7.5rem 7.8rem;
    margin-left: -3.725rem;
  }
  .body-all{
  	.woman_back{
  		width: 7.5rem; height: 7.81rem;
  	  background: url($picPath+"woman_back.png") no-repeat;
  	  background-size: 7.5rem 7.8rem;
  	}
  }

  .body-all{
  	.man_bm{
  		width: 7.5rem; height: 7.93rem;
  	  background: url($picPath+"man_bm.png") no-repeat;
  	  background-size: 7.5rem 7.93rem;
  	}
  }

  .body-all{
  	.man_zm{
  		width: 7.5rem; height: 8.03rem;
  	  background: url($picPath+"man_zm.png") no-repeat;
  	  background-size: 7.5rem 8.03rem;
  	}
  }
  .mark-radio{
  	position: absolute;
  	left: 50%; top: 10rem;
  	margin-left: -.18rem;
  	width: .4rem; height: .2rem;
  	li{
  		float: left;
  		margin-right: .1rem;
  		width: .1rem; height: .1rem;
  		background-color: #ccc;
  		border-radius: 100%;
  		&.active{
  			background-color: #fe9d2b;
  		}
  	}
  }

  .body-show-text{
  	font-size: .28rem; color: #fe9d2b;
  	position: absolute;
  	left: 0; right: 0; top: 10.3rem;
  	text-align: center;
  }

}


/* 病因详情页 */
.person-pa-details{
	@include commBack;
	display: none;
	border-top: 1px solid #f1f1f1;
	overflow-y: auto;
	margin-top: .15rem;
	
	.list-details{
		position: relative;
		background-color: #fff;
		border-bottom: 1px solid #f1f1f1;
		padding: .45rem .25rem .45rem 1.08rem;

		// &:nth-of-type(2){
		// 		h1:before{
		// 			background: url($picPath+"icon-3.png") no-repeat;
		// 			background-size: .52rem .52rem;
		// 		}
		// }
		// &:nth-of-type(3){
		// 		h1:before{
		// 			background: url($picPath+"icon-4.png") no-repeat;
		// 			background-size: .52rem .52rem;
		// 		}
		// }
		// &:nth-of-type(4){
		// 		h1:before{
		// 			background: url($picPath+"icon-5.png") no-repeat;
		// 			background-size: .52rem .52rem;
		// 		}
		// }
		// &:nth-of-type(5){
		// 		h1:before{
		// 			background: url($picPath+"icon-6.png") no-repeat;
		// 			background-size: .52rem .52rem;
		// 		}
		// }
		// &:nth-of-type(6){
		// 		h1:before{
		// 			background: url($picPath+"icon-7.png") no-repeat;
		// 			background-size: .52rem .52rem;
		// 		}
		// }
		// &:nth-of-type(7){
		// 		h1:before{
		// 			background: url($picPath+"icon-8.png") no-repeat;
		// 			background-size: .52rem .52rem;
		// 		}
		// }

		h1{
			font-size: .32rem; color: #333;
			font-weight: normal;
			margin-bottom: .28rem;
			i{
				content:'';
				display: block;
				position: absolute;
				left: .25rem; top: .45rem;
				width: .52rem; height: .52rem;
				background: url($picPath+"icon-2.png") no-repeat;
				background-size: .52rem .52rem;
			}
		}
		a{
			display: block;
			position: absolute;
			right: .25rem; top: .8rem;
			width: .24rem; height: .13rem;
			background: url($picPath+"icon1.png") no-repeat;
			background-size: .24rem .13rem;
			-moz-transform-origin: center center;
			-webkit-transform-origin: center center;
			-ms-transform-origin: center center;
			-o-transform-origin: center center;
			transform-origin: center center;
			transform: rotate(0deg);
			&.active{
				transform: rotate(360deg);
			}
		}
		p{
			font-size: .28rem; color: #999;
			white-space:nowrap; 
		  text-overflow:ellipsis; 
		  overflow: hidden; 
		}
	}

}

/* 身体部位信息列表 */
.person-body-list{
  
  display: none;

  @include commBack;

  bottom: .9rem;
  overflow: hidden;

  .person-lord{
    position: relative;
  	background-color: #f6f6f6;
  	a{
  		display: block;
      float: left;
      width: 2.5rem;
      margin-right: .3rem; margin-top: .5rem;
  		color: #333; font-size: .28rem;
  		border: 1px solid #E0E0E0;
  		height: .9rem;
  		text-align: center; line-height: .9rem;
      -webkit-transition: .25s;
      -moz-transition: .25s;
      transition: .25s;
  		&.active{
        color: #fff;
  			border-color: #fe9d2b;
  			background-color: #fe9d2b;
  		}
      &:hover{
        color: #fff;
        border-color: #fe9d2b;
        background-color: #fe9d2b;
      }
  	}
  }

  .person-lord-details{
    position: relative;
    float: left;
    margin-top: 1rem;
    border-top: 1px solid #ccc;
    width: 100%;
    a{
      display: block;
      float: left;
      width: 2.5rem;
      margin-right: .3rem; margin-top: .5rem;
      color: #333; font-size: .28rem;
      border: 1px solid #E0E0E0;
      height: .9rem;
      text-align: center; line-height: .9rem;
      -webkit-transition: .25s;
      -moz-transition: .25s;
      transition: .25s;
      &:hover{
        color: #fff;
        border-color: #fe9d2b;
        background-color: #fe9d2b;
      }
    }
  }

}

/* 热门搜索关键词 */
.serch-hot-list{

	display: none;
	padding: .3rem;

	@include commBack;

	h1{
		position: relative;
		color: #666;
		font-size: .32rem;
		font-weight: normal;
		text-indent: .32rem;
		&:after{
			content:'';
			display: block;
			position: absolute;
			left: 0; top: .05rem;
			width: .25rem; height: .32rem;
			background: url($picPath+"hot.png") no-repeat;
			background-size: .25rem .32rem;
		}
	}

	a{
		display: block;
		float: left;
		width: 2.16rem; height: .6rem;
		text-align: center; line-height: .59rem;
		font-size: .24rem; color: #999;
		background-color: #fff;
		border: 1px solid #E8E8E8;
		margin-top: .2rem;
		margin-right: .2rem;
		// &:nth-of-type(3n){
		// 	margin-right: 0;
		// }
	}

}

/* 搜索结果列表 */
.serch-result-list{

	display: none;

	@include commBack;

	li{
		position: relative;
		height:1.45rem;
		border-bottom: 1px solid #E9E9E9;
		padding: .25rem;
		span:nth-of-type(1){
			position: absolute;
			left: .25rem; top: .25rem;
			font-size: .32rem; color: #333;
		}
		span:nth-of-type(2){
			font-size: .24rem; color: #999;
			float: right;
			i{
				font-style: normal;
				color: #fe9d2b;
			}
		}
		p{
			margin-top: .6rem;
			white-space:nowrap; 
			text-overflow:ellipsis; 
			overflow: hidden; 
			color: #999; font-size: .28rem;
		}
	}

}

/* 没搜索到 */
.cannot-find{
	display: none;
  position: absolute;
  left: 0; top: .9rem; bottom: 0; right: 0;
  background: url($picPath+"cannnot_find.png") no-repeat center center #f6f6f6;
  z-index: 2;
  background-size: 4.18rem 2.45rem;
}

/* header */
.enc-head{
  height: .9rem;
  background-color: #fe9d2b;

  .details-title{
    display: none;
    width: 100%; height: 100%;
    font-size: .36rem; color: #fff;
    text-align: center; line-height: .88rem;
  }
  .screen-text{
  	display: none;
  	&:before{
  		content: '';
  		display: block;
  		position: absolute;
  		left: .4rem; top: .28rem;
  		width: .32rem; height: .32rem;
  		background: url($picPath+"search_yellow.png") no-repeat;
  		background-size: .32rem .32rem;
  		z-index: 9;
  	}
  	input{
  		position: absolute;
      text-indent: .6rem;
      font-size: .24rem; color: #ccc;
  		left: .25rem; top: .17rem;
  		width: 88%; height: .56rem;
  		background-color: #fff;
  		border-radius: 4px;
  		border: none;
  	}
  }
  .enc-tab{
  	position: absolute;
  	left: 50%; top: .16rem;
  	width: 2.89rem; height: .6rem;
  	line-height: .57rem;
  	border: 1px solid #fff;
  	border-radius: 4px;
  	margin-left: -1.445rem;
  	a{
  		float: left;
  		width: 50%; height: 100%;
  		font-size: .28rem; color: #fff;
  		text-align: center;
  		&.active{
  			color: #fe9d2b;
  			background-color: #fff;
  		}
  	}
  }
  .enc-screen{
  	color: rgba(0,0,0,0);
  	position: absolute;
  	top: .29rem; right: .22rem;
  	width: .32rem; height: .32rem;
  	background: url($picPath+"search_white.png") no-repeat;
  	background-size: .32rem .32rem;
  }

  div.active{
  	color: #fff; font-size: .32rem;
  	width: .8rem;
  	background: url("search_white.png") no-repeat;
  }

}

/* footer */
.comm-footer{
	position: fixed;
	left: 0; bottom: 0; right: 0;
	height: 1rem;
	border-top: 1px solid #C9C9C9;
	background-color: #fafafa;
	z-index: 9;

	a{
		float: left; position: relative;
		width: 25%; height: 1rem;
		text-align: center;   

		span{
			position: absolute;
			left: 0; bottom: .06rem; right: 0;
			text-align: center;
			color: #808080; font-size: .2rem;
		}

		i{
			position: relative;
			display: block;
			margin: .1rem auto 0;
			width: .44rem; height: .44rem;
			text-align: center; line-height: .44rem;
			border-radius: 100%;

			&:after{
				content: '';
				position: absolute;
				left: .1rem; top: .03rem;
				display: inline-block;
				width: .32rem; height: .36rem;
				background: url($picPath+"footer_nav1.png") no-repeat;
				background-size: .32rem .36rem;
			}
		}

	}

	a:nth-of-type(2) i:after{
		left: 0;
		width: .38rem; height: .34rem;
		background: url($picPath+"footer_nav2.png") no-repeat;
		background-size: .38rem .34rem;
	}
	a:nth-of-type(3) i:after{
		left: 0;
		width: .43rem; height: .37rem;
		background: url($picPath+"footer_nav3.png") no-repeat;
		background-size: .43rem .37rem;
	}
	a:nth-of-type(4) i:after{
		width: .36rem; height: .38rem;
		background: url($picPath+"footer_nav4.png") no-repeat;
		background-size: .36rem .38rem;
	}


	a.active{

		span{
			color: #fe9d2b;
		}

		// i{
		// 	background-color: #fe9d2b;
		// }

	}
}

/* pc端口nav样式处理 */

.pc-nav-wrap{
  display: none;
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: #fff;
  z-index: 99;

  a{
    display: block;
    float: left;
    font-size: .34rem; color: #fff;
    width: 111px; height: 111px;
    text-align: center; line-height: 111px;
    background-color: #f60;
    margin-top: 51px;
    border-radius: 6px;
    &:nth-of-type(1n){
      margin-left: 51px;
    }
  }
}

// pc头背景
.pc-back-yellow{
  position: fixed;
  display: none;
  left: 0; right: 0;
  height: .9rem;
  background-color: #fe9d2b;
  z-index: -1;
}

// 错误路径
body ,#wmHeaderAllShow,#manHeaderAllShow{
  .errorPathBack{
    background: url("a.png") no-repeat;
  }

}

// 清楚a点击蓝色背景
html{
   a,a:hover,a:active,a:visited,a:link,a:focus{
      -webkit-tap-highlight-color:rgba(0,0,0,0);
      -webkit-tap-highlight-color: transparent;
      outline:none;
      text-decoration: none;
  }
  a:active{
    background: rgba(0,0,0,0);
  }
  div,section{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
  }
}

#detailsTitleBack{
  display: none;
  position: absolute;
  left: .55rem;
  top: .25rem;
  width: .19rem;
  height: .36rem;
  background: url("../images/back.png");
  background-size: .19rem .36rem;
  z-index: 9;
  width: .8rem;
  height: .8rem;
  background-repeat: no-repeat;
}